<template>
	<view class="content">
		<u-parse :content="content" :tagStyle="style"></u-parse>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				id:'',
				content:'', 
				title:'',
				style: { 
					p: 'color: #545454;font-size:30rpx;line-height:44rpx;margin-bottom:20rpx',
					span: 'font-size: 30rpx',
					img:'width:100% !important;height:auto !important;'
				},
			}
		},
		onLoad() { 
			this.getText()
		},
		methods:{
			getText(){
				this.$http({
					url:"/umsContent/queryById",
					method:"get",
					data:{
						id:7
					}
				}).then(data=>{
					this.content = data.content
					this.title = data.title
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		padding: 30rpx;
		box-sizing: border-box;
		font-size: 28rpx;
		color: #333;
		.title{
			font-size: 30rpx;
			font-weight: bold;
			margin-bottom: 40rpx;
		}
	}
</style>